<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="description" content="记事本"/>
	<meta name="author" content="joney"/>
	<title>记事本</title>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/default/easyui.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/mobile.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/easyui/themes/icon.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/toastr/toastr.css}"/>

	<script type="text/javascript" th:src="@{/js/jquery-1.8.0.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.min.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/jquery.easyui.mobile.js}"></script>
	<script type="text/javascript" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>
	<script type="text/javascript" th:src="@{/js/jquery.cookie.js}"></script>
	<script type="text/javascript" th:src="@{/js/note_common.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/3.1.9/crypto-js.js}"></script>
	<script type="text/javascript" th:src="@{/js/crypto/crypt.js}"></script>
	<script type="text/javascript" th:src="@{/toastr/toastr.min.js}"></script>
	<style>

		.panel-body{
			font-size: 14px;
		}
		.footer{
			position:fixed;
			margin-top: 200px;
			bottom:0;
			text-align:center;
			background-color: white;
			/*
			filter:alpha(opacity:30);
			opacity:0.3;
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			*/
			font-size: 12px;
			width:100%;
			padding: 10px;
		}
		.textbox-label{
			font-size: 16px;
		}
		.textbox .textbox-text{
			padding: 8px 4px;
			font-size: 14px;
		}
		.l-btn-text,.panel-title {

			font-size: 16px;
		}

	</style>
</head>
<body>
<!--隐藏的加密密钥变量-->
<input type="hidden" id="cryptoKey" th:value="${cryptoKey}"/>
<div class="easyui-navpanel" style="padding:20px;">
	<header>
		<div class="m-toolbar">
			<div class="m-title">注册</div>
			<div class="m-left">
				<a href="javascript:void(0)" class="easyui-linkbutton  m-back" plain="true" outline="true" onclick="window.location.href='/note/login'" style="width:60px">返回</a>
			</div>
		</div>
	</header>
	<form id="ff">
		<div style="margin-bottom:5px;color: red;display: none; font-size: 12px" id="errMsgBar"></div>
		<div style="margin-bottom:10px">
			<input class="easyui-textbox" id="loginName" label="登录名:" prompt="字母或数字，最多20个字符" style="width:100%">
		</div>

		<div style="margin-bottom:10px">
			<input class="easyui-passwordbox" id="password" label="密码:" prompt="字母或数字，最多20个字符" style="width:100%">
		</div>
		<div style="margin-bottom:10px">
			<input class="easyui-passwordbox" id="rePassword" label="确认密码:" prompt="请再次输入密码" style="width:100%">
		</div>
		<div style="margin-bottom:10px">
			<input class="easyui-datebox" id="birthday" label="出生日期:" prompt="请选择" data-options="editable:false,panelWidth:240,panelHeight:240,iconWidth:30" style="width:100%">
		</div>
		<div style="margin-bottom:10px">
			<label class="textbox-label">性别:</label>
			<input class="easyui-switchbutton" onText="女" offText="男" id="sex"/>
		</div>
		<div style="text-align:center;margin-top:30px">
			<a href="javascript:register()" id="registerBtn" class="easyui-linkbutton" style="width:50%;height:38px"><span style="font-size:16px">点击注册</span></a>
		</div>
		<div style="text-align:center;margin-top:30px">
			<a href="javascript:window.location.href='/note/login'" class="easyui-linkbutton" plain="true" outline="true" style="width:50%;height:38px"><span style="font-size:14px">已有帐号?&nbsp;去登录</span></a>
		</div>
	</form>



</div>
<div class="footer" id="footer">
	Copyright @2018 All rights reserved<br/>
	粤ICP备18011921号
</div>


<script type="text/javascript" th:src="@{/js/note_register.js}"></script>
</body>
</html>